<!doctype html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>仿京东左侧菜单</title>
		<link href="../css/style.css" rel="stylesheet" />
	</head>
	<body>
		<div class="nav-box">
			<div class="nav-top"><a href="">全部商品分类</a></div>
			<ul>
				<li>
					<a href="">家用电器</a>
					<div><img src="../img/erji.jpg" /></div>
				</li>
				<li>
					<a href="">手机</a>、<a href="">数码</a>、<a href="">京东通信</a>
					<div><img src="../img/erji1.jpg" /></div>
				</li>
				<li>
					<a href="">电脑</a>、<a href="">办公</a>
					<div><img src="../img/erji2.jpg" /></div>
				</li>
				<li>
					<a href="">家居</a>、<a href="">家具</a>、<a href="">家装</a>、<a href="">厨具</a>
					<div><img src="../img/erji3.jpg" /></div>
				</li>
				<li>
					<a href="">男装</a>、<a href="">女装</a>、<a href="">珠宝</a>
					<div><img src="../img/erji4.jpg" /></div>
				</li>
			</ul>
		</div>
		<script src="jquery.3.6.3.js"></script>
		<script>
			  $("#nav-box>.nav-top").mouseover(function(){
				$("ul>li>div").hover();
			})
			$("#nav-box>.nav-top").mouseout(function(){
				$("#").hide();
			})
		</script>
	</body>
</html>
